@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

/*颜色*/
@main: #f15d52;
@g3d: #ddd;
@g3: #333;
@g6: #666;
@g9: #999;
@fff: #fff;
@btn: #ffad39;

/* 字体 */
@f10: 10px;
@f12: 12px;
@f14: 14px;
@f16: 16px;

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: @main;
}

label{
	margin-left: 20px;
}
label input[type=checkbox]{
	width: 12px;
	height: 12px;
	margin: 0;
	padding: 0;
    vertical-align: initial;
	opacity: 0;
}
label input[type=checkbox]:checked + span::before{
	content: attr(data-icon-checked);
	color: @main;
}
label span{
	color: #666;
	font-weight: normal;
	margin-left: 8px;
}
label span::before{
	font-family: "iconfont" !important;
	content: attr(data-icon);
	display: inline-block;
	font-size: 22px;
	line-height: 30px;
	margin-left: -33px;
	margin-right: 5px;
	color: @main;
}
label input[type=checkbox]:checked + span::before {
  content: attr(data-icon-checked);
}
label span::before {
  font-family: "iconfont" !important;
  content: attr(data-icon);
  display: inline-block;
  font-size: 22px;
  line-height: 50px;
  margin-left: -33px;
  color: #ddd;
  margin-right: 5px;
}